<template>
  <div class="content">
    <el-tabs v-model="activeName">
      <el-tab-pane label="用友T+" name="first">
        <el-form
          ref="form"
          :model="form"
          label-position="left"
          label-width="180px"
        >
          <el-form-item label="开放平台APP KEY:">
            <el-input
              v-model="form.tplus_appKey"
              style="width: 50%"
              clearable
            ></el-input>
          </el-form-item>
          <el-form-item label="开放平台APP SECRET:">
            <el-input
              v-model="form.tplus_appSecret"
              style="width: 50%"
              clearable
            ></el-input>
          </el-form-item>
          <el-form-item label="消息回调地址:">
            <el-input
              v-model="form.tplus_redirectUrl"
              style="width: 50%"
              clearable
            ></el-input>
          </el-form-item>
          <el-form-item label="开放平台秘钥:">
            <el-input
              v-model="form.tplus_keyt"
              style="width: 50%"
              clearable
            ></el-input>
          </el-form-item>
        </el-form>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName">
      <el-tab-pane label="注意事项：" name="first">
        <div class="title">
          <span class="title-span">1、</span>
          <div>
            T+里面的存货编码和往来单位编码不能为空。（存货编码对应菜东家系统商品ID，往来单位编码对应M+客户ID、S+供应商ID、B+采购员ID）
          </div>
        </div>
        <div class="title">
          <span class="title-span">2、</span>
          <div>
            同步商品数据至用友系统，在同步时，手动选择不同商品的计价方式
          </div>
        </div>
        <div class="title">
          <span class="title-span">3、</span>
          <div>
            在同步客户数据至用友系统时，首先要在用友系统创建一个往来单位类型，编码为CDJ001。
          </div>
        </div>
        <div class="title">
          <span class="title-span">4、</span>
          <div>
            在同步供应商数据至用友系统时，首先要在用友系统创建一个往来单位类型，编码为CDJ002。
          </div>
        </div>
        <div class="title">
          <span class="title-span"> 5、</span>
          <div>
            在同步采购员数据至用友系统时，首先要在用友系统创建一个往来单位类型，编码为CDJ003。
          </div>
        </div>
        <div class="title">
          <span class="title-span">6、</span>
          <div>
            因菜东家系统客户ID、供应商ID、采购员ID具备唯一以及不可修改的属性，一旦数据同步后，不可以在修改T+系统中的往来单位编码，修改后会导致菜东家后台数据再次同步时覆盖或新增T+数据。
          </div>
        </div>
        <div class="title">
          <span class="title-span">7、</span>
          <div>
            因T+系统中的存货未开放修改和删除接口，所以菜东家系统中商品数据一旦创建并同步后则不可再二次同步修改，只能人工在两边系统修改资料至统一。
          </div>
        </div>
        <div class="title">
          <span class="title-span">8、</span>
          <div>
            在同步商品数据前，需要先同步商品分类到T+系统，并在T+系统添加菜东家商品同名称单位
          </div>
        </div>
        <div class="title">
          <span class="title-span">9、</span>
          <div>
            菜东家系统里面的商品图片和商品价格体系以及客户类型是不能同步到T+的。
          </div>
        </div>
        <div class="title">
          <span class="title-span">10、</span>
          <div>
            删除菜东家系统的客户或者商品，T+是不会同步删除对应的往来单位和存货。并且在T+里面删除存货和往来单位也不会影响到菜东家系统的资料。
          </div>
        </div>
        <div class="title">
          <span class="title-span">11、</span>
          <div>系统中必须添加一个编码为01的仓库 否则无法同步销货单。</div>
        </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import { apiUrl, objKeySort, Md5 } from "@/utils/public";
import { setting_info } from "@/api/global/globalSystem";
export default {
  props: {
    content: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      activeName: "first",
      form: {
        name: null,
      },

      info: null,
    };
  },
  created() {
    this.setting_info();
  },
  methods: {
    setting_info() {
      let query = this.packageApi();
      setting_info(query).then((res) => {
        if (res.errcode == 0) {
          let { tplus_appKey, tplus_appSecret, tplus_redirectUrl, tplus_keyt } =
            res.data.info;
          this.form = {
            tplus_appKey,
            tplus_appSecret,
            tplus_redirectUrl,
            tplus_keyt,
          };
        }
      });
    },
    // 封装请求的sign和timeStamp字段
    packageApi(data = {}) {
      let query = Object.assign(
        {
          sign: Md5(
            objKeySort(Object.assign(apiUrl().name)) + apiUrl().appsecret
          ),
        },
        apiUrl().name,
        data
      );
      return query;
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100%;
  padding: 22px 42px;
  .title {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    display: flex;
    &-span {
      width: 30px;
      min-width: 30px;
    }
  }
}
/deep/.el-tabs__item.is-active {
  color: #009944;
}
/deep/.el-tabs__active-bar {
  color: #009944;
}
</style>